<script setup lang="ts">
import { useCustomTheme } from "@/framework/theme/store.ts";

const theme = useCustomTheme();
</script>

<template>
  <a-form :label-col="{ span: 7 }" :wrapper-col="{ span: 15 }">
    <a-form-item label="主题">
      <div class="w-180">
        <a-select v-model:value="theme.variant">
          <a-select-option value="light">浅色</a-select-option>
          <a-select-option value="dark">深色</a-select-option>
        </a-select>
      </div>
    </a-form-item>
  </a-form>
</template>

<style scoped lang="less"></style>
